// import Vue from "vue"

// Vue.directive('imgerror', {
//   inserted(el, binding) {
//     console.log(el);
//     console.log(binding)
//     el.onerror = function() {
//       console.log("图片加载失败了");
//       this.src = binding.value
//     }
//   }
// });

export const imgerror = {
  // el指令所在的DOM节点
  // binding指令包含的相关信息
  // 插入节点的钩子
  inserted(el, binding) {
    // console.log(el) // 图片节点
    // console.log(binding)
    // 图片有个原生的事件叫做onerror 即加载资源失败事件
    // 一旦图片加载失败，则调用这个函数
    el.onerror = function () {
      console.log('图片加载失败了')
      this.src = binding.value
    }
  },
  // 组件更新之后的钩子
  componentUpdated(dom, options) {
    dom.src = dom.src || options.value
  }
}

export const aaa = {
  inserted() {}
}
// Vue.directive('imgerror', imgerror)